<div class="tabs_alt tabs_parent">
  <ul id="main_tabs">
    <li class="active">
      <a onclick="tabSwitcher($(this), 'description');"
         href="javascript:void(0);">
        <img width="23" height="23" style=" position:relative; top:5px;" src="http://www.goturkey.com/themes/goturkey/images/icn_hotels.png">
      </a>
    </li>

    <li class="">
      <a onclick="tabSwitcher($(this), 'photos');"
         href="javascript:void(0);">
        <img width="23" height="23" style=" position:relative; top:5px;" src="http://www.goturkey.com/themes/goturkey/images/icn_fly.png">
      </a>
    </li>
  </ul>
</div>
<div id="description">

</div>
<div id="photos" style="display: none">
  No photos
</div>

<script type="application/javascript">
  function tabSwitcher(element, id) {
    $('main_tabs').getElements('li').removeClass('active');
    $('description').setStyle('display', 'none');
    $('photos').setStyle('display', 'none');
    element.getParent().set("class", "active");
    $(id).setStyle('display', 'block');
  }
</script>